<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="static/layui/css/layui.css">
    <link rel="stylesheet" href="static/css/index.css">
    <link rel="stylesheet" href="static/css/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
<header id="header">
    <div class="layui-nav" lay-filter="">
        <div class="layui-nav-item marginCenter">
            <a class="topText" onclick="topText()">唐家包子铺</a>
        </div>
        <li class="layui-nav-item"><a href="">登录</a></li>
        <li class="layui-nav-item"><a href="">注册</a></li>
    </div>
    <div class="layui-row">
        <div class="layui-col-md12 layui-col-space20">
        <table class="index-div">
            <tr>
                <td>
                    <div class="layui-card layui-col-md9" onclick="toMyIndex()">
                        <div class="layui-card-header">
                            主页
                        </div>
                        <div class="layui-card-body">
                            <i class="fa fa-television fa-5x"></i>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="layui-card layui-col-md9">
                        <div class="layui-card-header">
                            论坛
                        </div>
                        <div class="layui-card-body">
                            <i class="fa fa-bold fa-5x"></i>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="layui-card layui-col-md9">
                        <div class="layui-card-header">
                            资源
                        </div>
                        <div class="layui-card-body">
                            <i class="fa fa-floppy-o fa-5x"></i>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="layui-card layui-col-md9">
                        <div class="layui-card-header">
                            设置
                        </div>
                        <div class="layui-card-body">
                            <i class="fa fa-spinner fa-5x"></i>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="bottom">
                <td>
                    <div class="layui-card layui-col-md9">
                        <div class="layui-card-header">
                            整合
                        </div>
                        <div class="layui-card-body">
                            <i class="fa fa-th fa-5x"></i>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="layui-card layui-col-md9">
                        <div class="layui-card-header">
                            头条
                        </div>
                        <div class="layui-card-body">
                            <i class="fa fa-commenting fa-5x"></i>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="layui-card layui-col-md9">
                        <div class="layui-card-header">
                            留言
                        </div>
                        <div class="layui-card-body">
                            <i class="fa fa-columns fa-5x"></i>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="layui-card layui-col-md9">
                        <div class="layui-card-header">
                            协议
                        </div>
                        <div class="layui-card-body">
                            <i class="fa fa-align-justify fa-5x"></i>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
        </div>
    </div>
</header>
<footer id="footer">
    <p class="footer-p">©2018-2028 Zachariahs | 唐家包子铺</p>
</footer>
<script src="static/js/jquery-3.3.1.min.js"></script>
<script src="static/js/index.js"></script>
<script src="static/js/background_js.js"></script>
<script src="static/layui/layui.all.js"></script>
<script>
    $(function () {
        layer.msg("欢迎━(*｀∀´*)ノ亻!  ~ ~");
    })
</script>
</body>
</html>